@charset 'UTF-8';

a,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

h1,h2,h3,h4,h5,h6 {
	font-size: 14px
}

li,ol,ul {
	list-style: none outside none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

fieldset,img {
	border: 0 none
}

html {
	min-width: 990px
}

body {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	text-align: left;
	color: #1a1a1a;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased
}

input::-moz-focus-inner {
	padding: 0;
	border: none
}

a img {
	border: none
}

a {
	transition: color .3s,background-color .3s,border .3s;
	text-decoration: none;
	color: #262626;
	outline: 0
}

a:hover {
	color: #ff3955
}

a.default {
	cursor: text
}

a.default:hover {
	color: inherit
}

textarea {
	font: 14px/1.8 PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	resize: none;
	outline: 0
}

select {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

button,input {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	border: none;
	outline: 0
}

input::-ms-clear {
	display: none
}

label {
	cursor: pointer
}

cite,em,i {
	font-style: normal
}

:-moz-placeholder {
	color: #ccc
}

::-moz-placeholder {
	color: #ccc
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #ccc
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #ccc
}

p {
	word-wrap: break-word;
	word-break: break-all
}

.lbf-combobox .lbf-combobox-label .lbf-combobox-icon:before {
	visibility: hidden
}

@charset 'UTF-8';

@font-face {
	font-family:rn_iconfont;src:url(/readnovel/css/font/icomoon.0.2.eot);src:url(/readnovel/css/font/icomoon.0.2.eot?#iefix) format('embedded-opentype'),url(/readnovel/css/font/icomoon.0.2.woff) format('woff'),url(/readnovel/css/font/icomoon.0.2.ttf) format('truetype'),url(/readnovel/css/font/icomoon.0.2.svg#iconfont) format('svg')
}

.lang {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

h3 em.lang,h3.lang {
	font-weight: 700
}

.iconfont {
	font-family: rn_iconfont!important;
	font-size: 22px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-user:before {
	content: '\e602'
}

.icon-book-shelf:before {
	content: '\e603'
}

.icon-glass:before {
	content: '\e604'
}

.icon-right:before {
	content: '\e621'
}

.icon-shouji:before {
	content: '\e65c'
}

.icon-dingyue:before {
	content: '\e636'
}

.icon-lock:before {
	content: '\e63c'
}

.icon-gotop:before {
	content: '\e66b'
}

.icon-chenggong:before {
	content: '\e61d'
}

.icon-cuowu:before {
	content: '\e61e'
}

.icon-gou:before {
	content: '\e664'
}

.icon-guanbi:before {
	content: '\e601'
}

.icon-look-lishi:before {
	content: '\e666'
}

.icon-moon:before {
	content: '\e665'
}

.icon-shuaxin:before {
	content: '\e667'
}

.icon-wenhao:before {
	content: '\e624'
}

.icon-tongzhi:before {
	content: '\e60e'
}

.icon-tuwen:before {
	content: '\e619'
}

.icon-yonghu:before {
	content: '\e648'
}

.icon-youjiantou:before {
	content: '\e621'
}

.icon-shangjiantou:before {
	content: '\e623'
}

.icon-xiajiantou:before {
	content: '\e625'
}

.icon-jiangxu:before {
	content: '\e626'
}

.icon-shengxu:before {
	content: '\e627'
}

.icon-zuojiantou:before {
	content: '\e628'
}

.icon-wenjiandocuments18:before {
	content: '\e663'
}

.icon-dashang:before {
	content: '\e635'
}

.icon-taolun:before {
	content: '\e63d'
}

.icon-tuijianpiao:before {
	content: '\e63e'
}

.icon-yuepiao:before {
	content: '\e63f'
}

.icon-add:before {
	content: '\e643'
}

.icon-xiazai:before {
	content: '\e644'
}

.icon-anquan:before {
	content: '\e646'
}

.icon-bianjipinglun:before {
	content: '\e64d'
}

.icon-danyefan:before {
	content: '\e64e'
}

.icon-zishu:before {
	content: '\e64f'
}

.icon-zuozhe:before {
	content: '\e650'
}

.icon-fanhuishuye:before {
	content: '\e652'
}

.icon-gengxinshijian:before {
	content: '\e653'
}

.icon-jiarushuji:before {
	content: '\e654'
}

.icon-jianxiaokuandu:before {
	content: '\e655'
}

.icon-jianxiaozihao:before {
	content: '\e656'
}

.icon-pinglun:before {
	content: '\e658'
}

.icon-shanchu:before {
	content: '\e659'
}

.icon-shangxiafanye:before {
	content: '\e65a'
}

.icon-shezhi:before {
	content: '\e65b'
}

.icon-toupiao:before {
	content: '\e65d'
}

.icon-zengdazihao:before {
	content: '\e660'
}

.icon-putonghongbao:before {
	content: '\e668'
}

.icon-tuijianpiaohongbao:before {
	content: '\e669'
}

.icon-yuepiaohongbao:before {
	content: '\e66a'
}

.icon-mimazhaohui:before {
	content: '\e67e'
}

.icon-fanhuidingbu:before {
	content: '\e651'
}

.icon-jinggao:before {
	content: '\e657'
}

.icon-label:before {
	content: '\e61a'
}

@charset 'UTF-8';

.header {
	margin-bottom: 20px;
	background: #fefefe;
	box-shadow: 0 1px 4px rgba(0,0,0,.1)
}

.header .top-head {
	height: 85px;
	border-bottom: 1px solid #e6e6e6
}

.header .top-head .logo,.header .top-head .search-wrap {
	float: left
}

.header .top-head .logo {
	width: 180px;
	height: 33px;
	margin-top: 26px;
	margin-right: 168px;
	background: url(../images/logo.0.1.png) no-repeat
}

.header .top-head .logo a {
	position: relative;
	z-index: 1;
	display: block;
	width: 180px;
	height: 100%
}

.header .top-head .logo a em {
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 0;
	width: 22px;
	height: 19px;
	background: url(/readnovel/images/index/home.0.1.png) no-repeat
}

.header .top-head .search-wrap {
	width: 320px;
	height: 38px;
	margin-top: 23px
}

.header .top-head .search-wrap form {
	display: block
}

.header .top-head .search-wrap form input {
	float: left
}

.header .top-head .search-wrap form input.search-box {
	font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
	width: 244px;
	height: 34px;
	padding: 0 10px 0 18px;
	border: 2px solid #ff3955;
	border-right: none;
	border-radius: 100px 0 0 100px;
	background: 0 0
}

.header .top-head .search-wrap form label {
	float: left;
	width: 44px;
	height: 34px;
	border: 2px solid #ff3955;
	border-left: none;
	border-radius: 0 100px 100px 0
}

.header .top-head .search-wrap form label .iconfont {
	font-size: 18px;
	line-height: 34px;
	display: block;
	width: 18px;
	margin: 0 auto;
	color: #ff3955;
	-webkit-text-stroke-width: .4px
}

.header .top-head .user-wrap {
	position: relative;
	z-index: 20;
	float: right
}

.header .top-head .user-wrap .avatar {
	display: block;
	float: right;
	width: 36px;
	height: 85px;
	margin-left: 25px;
	border-radius: 100%
}

.header .top-head .user-wrap .avatar .link {
	margin-top: 23px
}

.header .top-head .user-wrap .avatar .link,.header .top-head .user-wrap .avatar img {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 100%
}

.header .top-head .user-wrap li,.header .top-head .user-wrap ul {
	float: right
}

.header .top-head .user-wrap li {
	font: 14px/85px PingFangSC-Regular,'-apple-system',Simsun;
	height: 85px;
	margin-left: 25px
}

.header .top-head .user-wrap li a {
	display: block
}

.header .top-head .user-wrap li .iconfont {
	font-size: 22px;
	float: left;
	width: 24px;
	margin-right: 6px;
	color: #ff3955
}

.header .top-head .user-wrap li .head-msg {
	position: relative;
	z-index: 1
}

.header .top-head .user-wrap li .head-msg .iconfont {
	font-size: 26px;
	margin-top: -1px
}

.header .top-head .user-wrap li .head-msg cite {
	position: absolute;
	z-index: 1;
	top: 26px;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #ff3955
}

.header .top-head .user-wrap .down-drop {
	position: absolute;
	z-index: 1;
	top: 64px;
	right: 0;
	display: none;
	width: 100px;
	animation: .15s ease-out;
	animation-name: fadeinT;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,.1)
}

.header .top-head .user-wrap .down-drop dd {
	text-align: center
}

.header .top-head .user-wrap .down-drop dd a {
	font: 14px/30px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 30px
}

.header .top-head .user-wrap .down-drop dd a:hover {
	color: #fff;
	background: #ff3955
}

.header .top-nav-wrap {
	position: relative;
	z-index: 20
}

.header .top-nav-wrap .left-nav li {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	font-size: 16px;
	line-height: 64px;
	position: relative;
	z-index: 1;
	float: left;
	height: 64px;
	margin-left: 48px;
	cursor: pointer
}

.header .top-nav-wrap .left-nav li a {
	display: block
}

.header .top-nav-wrap .left-nav li.act {
	height: 61px;
	border-bottom: 3px solid #ff3955
}

.header .top-nav-wrap .left-nav li.act a {
	color: #ff3955
}

.header .top-nav-wrap .left-nav li:first-child {
	margin-left: 0
}

.header .top-nav-wrap .left-nav li .iconfont {
	font-size: 18px;
	display: inline-block;
	min-width: 18px;
	margin: -4px 8px 0 0;
	vertical-align: middle;
	color: #ff3955
}

.header .top-nav-wrap .left-nav li .type-list {
	position: absolute;
	z-index: 1;
	top: 54px;
	left: 0;
	display: none;
	width: 120px;
	padding: 10px 0;
	animation: fadeinT .15s ease-out;
	border-radius: 2px;
	background: #1a1a1a
}

.header .top-nav-wrap .left-nav li .type-list cite {
	position: absolute;
	bottom: 100%;
	left: 40%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-top: 0 none;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #1a1a1a;
	border-left: 6px solid transparent
}

.header .top-nav-wrap .left-nav li .type-list dd {
	text-align: center
}

.header .top-nav-wrap .left-nav li .type-list dd .iconfont {
	transition: color .3s;
	color: grey
}

.header .top-nav-wrap .left-nav li .type-list dd a {
	line-height: 36px;
	display: block;
	color: grey
}

.header .top-nav-wrap .left-nav li .type-list dd a:hover {
	color: #fff;
	background: #ff3955
}

.header .top-nav-wrap .left-nav li .type-list dd a:hover .iconfont {
	color: #fff
}

.header .top-nav-wrap .left-nav li .type-list dd a i {
	display: inline-block;
	width: 62px;
	text-align: left
}

.header .top-nav-wrap .right-nav .iconfont {
	display: inline-block;
	min-width: 22px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
	color: #ff3955
}

.header .top-nav-wrap .right-nav a {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 14px;
	line-height: 64px;
	display: inline-block;
	height: 64px;
	margin-left: 24px;
	vertical-align: middle
}

.header .top-nav-wrap .right-nav a:first-child {
	margin-left: 0
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6 / 2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
	.header .top-head .logo {
		background: url(/readnovel/images/logo_2x.0.1.png) no-repeat;
		background-size: 143px
	}
}

@charset 'UTF-8';

.center-book-list .line {
	border-bottom: 1px solid #e6e6e6
}

.wrap {
	background: #ffffff
}

.crumbs-nav {
	position: relative;
	z-index: 2;
	margin: -4px auto 16px!important
}

.crumbs-nav span {
	padding: 0 6px 4px;
	border-radius: 5px
}

.crumbs-nav a,.crumbs-nav em {
	display: inline-block;
	vertical-align: middle
}

.crumbs-nav a {
	font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun
}

.crumbs-nav a.default {
	color: #1a1a1a
}

.crumbs-nav em {
	font-size: 12px;
	min-width: 12px;
	margin: 2px 0 0 3px
}

.error,.success {
	margin-right: 5px;
	vertical-align: 1px
}

.success {
	color: #8ccd0a
}

.error {
	color: #ed4259
}

.red {
	color: #bf2c24
}

.pink {
	color: #ff3955
}

.light-pink {
	color: #ffeaed
}

.blue {
	color: #2972cc
}

.blue:hover {
	color: #0059e7
}

.gray {
	color: #a6a6a6
}

.gray:hover {
	color: #a6a6a6
}

.black {
	color: #1a1a1a
}

.light-pink-btn,.pink-btn {
	text-align: center
}

.light-pink-btn:hover,.pink-btn:hover {
	color: #fff
}

.light-pink-btn.disabled,.pink-btn.disabled {
	cursor: default;
	color: #a6a6a6;
	background: 0 0
}

.light-pink-btn.disabled:hover,.pink-btn.disabled:hover {
	background: 0 0
}

.pink-btn {
	color: #fff;
	background: #ff3955
}

.pink-btn:hover {
	background: #ff5269
}

.light-pink-btn {
	color: #ff3955;
	background: #ffeaed
}

.light-pink-btn:hover {
	background: #ff3955
}

.light-border-btn {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #ff3955;
	border: 1px solid #ffd5db;
	border-radius: 20px
}

.light-border-btn:hover {
	border: 1px solid #ff3955;
	background: #ffeaed
}

.light-border-btn.disabled {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6;
	background: 0 0
}

.light-border-btn .la-ball-spin-clockwise {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.light-border-btn .la-ball-spin-clockwise i {
	background-color: #ff3955
}

.border-btn {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #ff3955;
	border: 1px solid #ff3955
}

.border-btn:hover {
	background: #ffeaed
}

.border-btn.disabled {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6;
	background: 0 0
}

.border-btn .la-ball-spin-clockwise {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.border-btn .la-ball-spin-clockwise i {
	background-color: #ff3955
}

.border-btn .iconfont {
	display: inline-block;
	vertical-align: middle
}

.red-btn {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	border-color: #ff3955;
	background: #ff3955
}

.red-btn:hover {
	color: #fff;
	border-color: #ff5269;
	background: #ff5269
}

.red-btn.disabled {
	cursor: default;
	color: #fff;
	border-color: #a6a6a6;
	background: #a6a6a6
}

.red-btn .la-ball-spin-clockwise {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.in-shelf {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6
}

.in-shelf:hover {
	color: #a6a6a6;
	border-color: #a6a6a6;
	background: 0 0
}

.grey-btn {
	position: relative;
	z-index: 1;
	text-align: center;
	color: grey;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-color: rgba(0,0,0,.2);
	background: #fbfbfb;
	background: rgba(255,255,255,.5)
}

.grey-btn:hover {
	color: #1a1a1a
}

.grey-btn.disabled {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6;
	background: 0 0
}

.red-radius-btn {
	font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
	position: relative;
	z-index: 1;
	display: block;
	width: 140px;
	height: 34px;
	margin: 20px auto 3px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background-color: #ff3955
}

.red-radius-btn .iconfont {
	font-size: 16px;
	display: inline-block;
	min-width: 16px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
	color: #fff;
	-webkit-text-stroke-width: 0
}

.red-radius-btn:hover {
	color: #fff;
	background: #ff3955
}

.red-radius-btn.disabled {
	cursor: default;
	background-color: #a6a6a6
}

.red-radius-btn .la-ball-spin-clockwise {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -6px
}

.lbf-textarea-placeholder {
	font-size: 12px;
	position: absolute;
	top: 8px!important;
	left: 12px!important;
	color: #999
}

.lbf-radio {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	cursor: pointer;
	vertical-align: -1px;
	border: none;
	background-image: url(/readnovel/images/ico/qd_radio.0.2.png);
	background-repeat: no-repeat;
	background-position: 0 -24px
}

.lbf-radio.lbf-radio-hover {
	background-position: 0 -12px
}

.lbf-radio.lbf-radio-checked {
	background-position: 0 0
}

.lbf-radio+label {
	display: inline-block
}

.qd-checkbox {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-image: url(/readnovel/images/ico/qd_checkbox.0.1.png);
	background-repeat: no-repeat
}

.qd-checkbox.disabled {
	background-position: 0 0
}

.qd-checkbox.disabled:hover {
	background-position: 0 0
}

.qd-checkbox:hover {
	background-position: 0 -12px
}

.qd-checkbox.checked {
	background-position: 0 -24px
}

.lbf-checkbox {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-image: url(/readnovel/images/ico/qd_checkbox.0.1.png);
	background-repeat: no-repeat
}

.lbf-checkbox.lbf-checkbox-hover {
	background-position: 0 -12px
}

.lbf-checkbox.lbf-checkbox-checked {
	background-position: 0 -24px
}

.lbf-checkbox+label {
	font: 12px/17px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	vertical-align: middle;
	color: #666
}

.lbf-checkbox+label:hover {
	color: #1a1a1a
}

input[type=checkbox] {
	position: absolute;
	top: 14px;
	clip: rect(0,0,0,0);
	opacity: 0
}

input[type=checkbox]:hover {
	cursor: pointer
}

input[type=checkbox]:hover+.ui-checkbox {
	background-position: 0 -20px
}

input[type=checkbox]:hover+.ui-checkbox-checked {
	background-position: 0 -40px
}

input[type=checkbox]:hover+.ui-checkbox-disabled {
	cursor: default;
	background-position: 0 0
}

.ui-checkbox {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin: 0 8px 0 -3px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: -6px;
	background-color: #fff;
	background-clip: content-box
}

.ui-checkbox {
	background: url(/readnovel/images/ico/checkbox.0.1.png) no-repeat
}

.ui-checkbox:hover {
	background-position: 0 -20px
}

.ui-checkbox-checked {
	background-position: 0 -40px
}

.ui-checkbox-checked:hover {
	background-position: 0 -40px
}

.ui-checkbox-disabled {
	opacity: .38
}

.ui-checkbox-disabled:hover {
	opacity: .38;
	background-position: 0 0
}

:root .ui-checkbox {
	vertical-align: -7px
}

:root .chapter-wrap .chapter h3 .ui-checkbox {
	vertical-align: -4px
}

:root .select-all .ui-checkbox {
	vertical-align: -6px
}

:root .subscribe-wrap .left-box .ui-checkbox,:root .subscribe-wrap .right-box .ui-checkbox {
	vertical-align: -6px
}

.op-tag {
	position: absolute;
	z-index: 5;
	right: 4px;
	bottom: 4px;
	width: 24px;
	height: 14px;
	background: url(/readnovel/images/common/op_tag.0.1.png) no-repeat
}

embed {
	position: absolute;
	z-index: 2;
	top: -9999em;
	left: -9999em;
	width: 398px;
	height: 298px
}

.pin-nav-wrap {
	width: 100%;
	height: 42px;
	background: #fff;
	box-shadow: 0 1px 1px #ddd
}

.pin-nav-wrap .nav-list {
	height: 42px;
	margin-left: -10px
}

.pin-nav-wrap .nav-list li {
	float: left
}

.pin-nav-wrap .nav-list li.act a,.pin-nav-wrap .nav-list li.cur a {
	line-height: 38px;
	height: 40px;
	transition: none;
	border-top: 2px solid #ff3955;
	background: #2b2a2e
}

.pin-nav-wrap .nav-list li.act a span,.pin-nav-wrap .nav-list li.cur a span {
	top: 17px;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}

.pin-nav-wrap .nav-list li.act .dropdown,.pin-nav-wrap .nav-list li.cur .dropdown {
	display: block;
	animation: .15s ease-out;
	animation-name: fadeinT;
	background: #2b2a2e
}

.pin-nav-wrap .nav-list li.site {
	width: 95px;
	margin-right: 10px
}

.pin-nav-wrap .nav-list li.site a {
	width: 95px
}

.pin-nav-wrap .nav-list li.site a.pin-logo {
	display: block;
	width: 95px;
	height: 42px;
	background-image: url(/readnovel/images/min_logo.0.1.png);
	background-repeat: no-repeat;
	background-position: 10px 48%
}

.pin-nav-wrap .nav-list li.site .dropdown {
	width: 125px
}

.pin-nav-wrap .nav-list li.site.act a,.pin-nav-wrap .nav-list li.site.cur {
	height: 38px
}

.pin-nav-wrap .nav-list li a {
	font: 14px/42px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	position: relative;
	display: block;
	overflow: hidden;
	height: 42px;
	padding: 0 14px;
	color: #ccc
}

.pin-nav-wrap .nav-list li a:hover {
	color: #ff3955
}

.pin-nav-wrap .nav-list li a span {
	position: absolute;
	top: 19px;
	right: 10px;
	width: 0;
	height: 0;
	transition: all .2s;
	border-top: 4px solid #ccc;
	border-right: 4px solid transparent;
	border-bottom: 0 none;
	border-left: 4px solid transparent
}

.pin-nav-wrap .nav-list li .dropdown {
	position: relative;
	display: none;
	box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.pin-nav-wrap .nav-list li .dropdown a {
	font: 14px/38px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	height: auto;
	padding: 2px 15px;
	color: #ccc;
	border-top: none
}

.pin-nav-wrap .nav-list li .dropdown a:hover {
	color: #fff;
	background: #000
}

.pin-nav-wrap .nav-list li.more a {
	width: 46px
}

.pin-nav-wrap .nav-list li.more a span {
	right: 15px
}

.pin-nav-wrap .nav-list li.more .dropdown a {
	width: 56px;
	padding: 0 10px
}

.pin-nav-wrap .min-user .iconfont {
	font-size: 17px;
	display: inline-block;
	vertical-align: middle;
	color: #fff
}

.pin-nav-wrap .min-user .iconfont:hover {
	background: 0 0
}

.pin-nav-wrap .min-user li {
	position: relative;
	z-index: 11
}

.pin-nav-wrap .min-user li:first-child {
	display: none
}

.pin-nav-wrap .min-user li:first-child+li.line {
	display: none
}

.pin-nav-wrap .min-user li .pin-input {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	font-size: 14px;
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 42px;
	width: 150px;
	height: 26px;
	transition: color .3s,border .3s;
	opacity: 1;
	color: #e6e6e6;
	color: rgba(255,255,255,.7);
	border-bottom: 1px solid #aaa;
	background: #3e3d43
}

.pin-nav-wrap .min-user li .pin-input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #3e3d43 inset;
	-webkit-text-fill-color: #e6e6e6;
	-webkit-text-fill-color: rgba(255,255,255,.7)
}

.pin-nav-wrap .min-user li .pin-input:focus {
	color: #fff;
	border-bottom: 2px solid #fff
}

.pin-nav-wrap .min-user li.book-shelf a:hover {
	background: #2b2a2e
}

.pin-nav-wrap .min-user li.book-shelf i {
	margin-left: 5px
}

.pin-nav-wrap .min-user li.book-shelf cite {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.4;
	display: inline-block;
	margin: -2px 0 0 4px;
	padding: 0 4px;
	vertical-align: middle;
	color: #fff;
	border-radius: 4px;
	background: #ff3955
}

.pin-nav-wrap .min-user li.book-shelf cite strong {
	font-weight: 400
}

.pin-nav-wrap .min-user li.book-shelf em {
	margin-top: -2px
}

.pin-nav-wrap .min-user li a {
	position: relative;
	z-index: 10;
	margin-right: 0;
	color: #fff;
	background: 0 0
}

.pin-nav-wrap .min-user li label#pin-search {
	line-height: 42px;
	display: block;
	height: 42px;
	margin-right: 10px
}

.pin-nav-wrap .min-user li.line {
	height: 24px;
	margin: 10px 0 0;
	border-right: 1px solid #515056
}

.pin-nav-wrap .min-user li.sign-out {
	position: relative;
	padding: 0 6px 0 15px
}

.pin-nav-wrap .min-user li.sign-out a {
	display: inline;
	margin-right: 8px;
	padding: 0;
	color: #ccc
}

.pin-nav-wrap .min-user li.sign-out a:hover {
	color: #fff
}

.pin-nav-wrap .min-user li.sign-in a {
	overflow: hidden;
	min-width: 80px;
	max-width: 156px;
	padding: 0 20px 0 10px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pin-nav-wrap .min-user li.sign-in a i {
	padding-right: 5px
}

.pin-nav-wrap .min-user li.sign-in .dropdown {
	position: absolute;
	top: 42px;
	right: 0;
	width: 100%;
	background: #fff
}

.pin-nav-wrap .min-user li.sign-in .dropdown a {
	text-align: left
}

.pin-nav-wrap .min-user li.sign-in .dropdown a.pin-user-name {
	overflow: hidden;
	height: 32px
}

.pin-nav-wrap .min-user li.sign-in .dropdown a i {
	padding-right: 0
}

.pin-nav-wrap .nav-list li.act a,.pin-nav-wrap .nav-list li.cur a {
	line-height: 38px!important;
	color: #ff3955;
	border-top: 2px solid #ff3955;
	background: #fff
}

.pin-nav-wrap .nav-list li.act .dropdown,.pin-nav-wrap .nav-list li.cur .dropdown {
	background: #fff
}

.pin-nav-wrap .nav-list li.site a {
	color: #000
}

.pin-nav-wrap .nav-list li a {
	overflow: hidden;
	color: #1a1a1a
}

.pin-nav-wrap .nav-list li a span {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 4px solid #ccc;
	border-right: 4px solid transparent;
	border-bottom: 0 none;
	border-left: 4px solid transparent
}

.pin-nav-wrap .nav-list li a:hover {
	color: #ff3955
}

.pin-nav-wrap .nav-list li .dropdown {
	position: relative;
	display: none;
	box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.pin-nav-wrap .nav-list li .dropdown a {
	font: 14px/38px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	height: auto;
	padding: 2px 15px;
	color: #1a1a1a;
	border-top: none
}

.pin-nav-wrap .nav-list li .dropdown a:hover {
	color: #fff;
	background: #ff3955
}

.pin-nav-wrap .min-user .iconfont {
	font-size: 17px;
	display: inline-block;
	transition: color .3s;
	vertical-align: middle;
	color: #1a1a1a
}

.pin-nav-wrap .min-user .iconfont:hover {
	color: #ff3955;
	background: 0 0
}

.pin-nav-wrap .min-user li {
	position: relative;
	z-index: 11
}

.pin-nav-wrap .min-user li:first-child {
	display: none
}

.pin-nav-wrap .min-user li:first-child+li.line {
	display: none
}

.pin-nav-wrap .min-user li .pin-input {
	font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	font-size: 14px;
	position: absolute;
	z-index: 1;
	top: 8px;
	right: 42px;
	width: 150px;
	height: 26px;
	transition: color .3s,border .3s;
	opacity: 1;
	color: #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background: #fff
}

.pin-nav-wrap .min-user li .pin-input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #3e3d43 inset;
	-webkit-text-fill-color: #e6e6e6;
	-webkit-text-fill-color: rgba(255,255,255,.7)
}

.pin-nav-wrap .min-user li .pin-input:focus {
	color: grey;
	border-bottom: 1px solid grey
}

.pin-nav-wrap .min-user li.book-shelf a:hover {
	color: #fff;
	background: #ff3955
}

.pin-nav-wrap .min-user li.book-shelf a:hover em {
	color: #fff
}

.pin-nav-wrap .min-user li.book-shelf i {
	margin-left: 5px
}

.pin-nav-wrap .min-user li.book-shelf cite {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.4;
	display: inline-block;
	margin: -2px 0 0 4px;
	padding: 0 4px;
	vertical-align: middle;
	color: #fff;
	border-radius: 4px;
	background: #ff3955
}

.pin-nav-wrap .min-user li.book-shelf cite strong {
	font-weight: 400
}

.pin-nav-wrap .min-user li.book-shelf em {
	margin-top: -2px;
	transition: .3s color
}

.pin-nav-wrap .min-user li a {
	position: relative;
	z-index: 10;
	margin-right: 0;
	color: #1a1a1a;
	background: 0 0
}

.pin-nav-wrap .min-user li label#pin-search {
	line-height: 42px;
	display: block;
	height: 42px;
	margin-right: 10px
}

.pin-nav-wrap .min-user li.line {
	height: 24px;
	margin: 10px 0 0;
	border-right: 1px solid #d8d8d8
}

.pin-nav-wrap .min-user li.sign-out {
	position: relative;
	padding: 0 6px 0 15px
}

.pin-nav-wrap .min-user li.sign-out a {
	display: inline;
	margin-right: 8px;
	padding: 0;
	color: #1a1a1a
}

.pin-nav-wrap .min-user li.sign-out a:hover {
	color: #ff3955
}

.pin-nav-wrap .min-user li.sign-in a {
	overflow: hidden;
	min-width: 80px;
	max-width: 156px;
	padding: 0 20px 0 10px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pin-nav-wrap .min-user li.sign-in a i {
	padding-right: 5px
}

.pin-nav-wrap .min-user li.sign-in .dropdown {
	position: absolute;
	top: 42px;
	right: 0;
	width: 100%
}

.pin-nav-wrap .min-user li.sign-in .dropdown a {
	text-align: left
}

.pin-nav-wrap .min-user li.sign-in .dropdown a.pin-user-name {
	overflow: hidden;
	height: 32px
}

.pin-nav-wrap .min-user li.sign-in .dropdown a i {
	padding-right: 0
}

.pin-nav-wrap.need-search .min-user li:first-child {
	display: block
}

.pin-nav-wrap.need-search .min-user li:first-child+li.line {
	display: block
}

.submit-input {
	position: absolute;
	clip: rect(0 0 0 0)
}

.wrap-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	overflow: hidden;
	height: 26px;
	color: #1a1a1a
}

.wrap-title .more {
	font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
	float: right;
	margin-top: 10px;
	transition: opacity .3s;
	opacity: 0;
	color: #4284ed
}

.wrap-title .more .iconfont {
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	width: 12px;
	margin-top: -1px;
	vertical-align: middle
}

.inner-wrap {
	padding: 20px;
	background: #fff
}

.row-book-wrap {
	position: relative;
	z-index: 1;
	background: #fff
}

.row-book-wrap .wrap-title {
	margin-bottom: 14px
}

.row-book-wrap .book-list-row ul {
	width: 1000px
}

.row-book-wrap .book-list-row ul:after,.row-book-wrap .book-list-row ul:before {
	display: table;
	content: ''
}

.row-book-wrap .book-list-row ul:after {
	clear: both
}

.row-book-wrap .book-list-row li {
	float: left;
	width: 105px;
	margin-left: 20px
}

.row-book-wrap .book-list-row li:first-child {
	margin-left: 0
}

.row-book-wrap .book-list-row .book-img {
	margin-bottom: 8px
}

.row-book-wrap .book-list-row p {
	font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 38px
}

.row-book-wrap .switch-type {
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 150px
}

.row-book-wrap .switch-type dd.btn {
	font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
	float: left;
	cursor: pointer
}

.row-book-wrap .switch-type dd.btn.act a,.row-book-wrap .switch-type dd.btn:hover a {
	color: #ff3955
}

.row-book-wrap .switch-type dd.line {
	float: left;
	height: 13px;
	margin: 4px 9px 0 8px;
	border-left: 1px solid #ccc
}

.book-img {
	width: 72px;
	height: 96px;
	margin-right: 12px;
	border: 1px solid #e6e6e6
}

.book-img a {
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 6px rgba(0,0,0,.3),0 0 5px #f9f2e9 inset
}

.book-img a img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out;
	color: #fcfcfa
}

.book-img a img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.book-img a span {
	font: 12px/18px Arial;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 17px;
	padding: 0 3px 0 2px;
	text-align: center;
	color: #fff;
	border-radius: 0 5px 0 0;
	background: #ed4259
}

.rank-list {
	position: relative;
	z-index: 1;
	float: left;
	width: 230px
}

.rank-list h3 {
	margin-bottom: 10px
}

.rank-list .book-rank-list li {
	height: 40px;
	border-top: 1px solid #e6e6e6
}

.rank-list .book-rank-list li:first-child {
	border-top: none
}

.rank-list .book-rank-list li:after,.rank-list .book-rank-list li:before {
	display: table;
	content: ''
}

.rank-list .book-rank-list li:after {
	clear: both
}

.rank-list .book-rank-list li span {
	font: 700 14px/16px Arial;
	float: left;
	overflow: hidden;
	width: 16px;
	height: 16px;
	margin: 12px 12px 0 0;
	text-align: center;
	color: #666
}

.rank-list .book-rank-list li span.num1 {
	color: #fff;
	background: #ff589d
}

.rank-list .book-rank-list li span.num2 {
	color: #fff;
	background: #84e7d6
}

.rank-list .book-rank-list li span.num3 {
	color: #fff;
	background: #81de87
}

.rank-list .book-rank-list li a {
	font: 14px/40px PingFangSC-Regular,'-apple-system',Simsun;
	float: left;
	max-width: 202px;
	height: 40px
}

.rank-list .book-rank-list li a.name {
	overflow: hidden;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	color: #1a1a1a
}

.rank-list .book-rank-list li a:hover {
	color: #ff3955
}

.three-silde-wrap {
	position: relative;
	z-index: 1;
	height: 108px;
	padding: 34px 0 0 56px
}

.three-silde-wrap .la-ball-pulse {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -20px
}

.roundabout-holder {
	width: 156px;
	height: 108px
}

.roundabout-holder img {
	width: 100%
}

.roundabout {
	position: relative;
	display: none
}

.roundabout li {
	position: absolute;
	width: 84px;
	height: 112px;
	cursor: pointer;
	box-shadow: 0 1px 8px #7f7f7f
}

.roundabout li img {
	height: 100%
}

.roundabout li.book1 {
	z-index: 280;
	top: -13px;
	left: 18px
}

.roundabout li.book2 {
	z-index: 145;
	top: -1px;
	left: 75px
}

.roundabout li.book3 {
	z-index: 145;
	top: -1px;
	left: -20px
}

.info-text {
	width: 192px;
	margin: 0 auto;
	text-align: center
}

.info-text dd {
	display: none
}

.info-text dd:first-child {
	display: block
}

.info-text h3 {
	font: 700 18px/26px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 24px;
	margin-bottom: 7px!important
}

.info-text h3 a {
	color: #1a1a1a
}

.info-text h3 a:hover {
	color: #ff3955
}

.info-text .author {
	font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 14px;
	margin-bottom: 10px;
	color: grey
}

.info-text .author a {
	color: grey
}

.info-text .tag {
	margin-bottom: 6px
}

.info-text .intro {
	font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 60px;
	margin-bottom: 20px;
	text-align: left;
	color: grey
}

.tag {
	font-size: 0;
	overflow: hidden;
	height: 16px
}

.tag span {
	font: 12px/14px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	height: 14px;
	margin-left: 4px;
	padding: 0 2px;
	vertical-align: middle;
	border-radius: 1px
}

.tag span:first-child {
	margin-left: 0
}

.tag span.org {
	color: #ffa100;
	border: 1px solid #ffa100
}

.tag span.red {
	color: #ff3955;
	border: 1px solid #ff3955
}

.tag span.blue {
	color: #4284ed;
	border: 1px solid #4284ed
}

.page-box {
	min-height: 40px;
	text-align: center
}

.page-box.hidden {
	display: none!important;
	min-height: 0!important;
	padding: 0!important
}

.page-box .pagination {
	display: inline-block;
	overflow: hidden
}

.page-box .pagination ul {
	float: left
}

.page-box .pagination li {
	float: left;
	margin-right: 10px;
	text-align: center
}

.page-box .pagination li a {
	font: 14px/34px Arial;
	float: left;
	height: 34px;
	padding: 0 12px;
	transition: color .3s,border .3s;
	border: 1px solid #fff
}

.page-box .pagination li a:hover {
	border: 1px solid #ff3955
}

.page-box .pagination .lbf-pagination-next,.page-box .pagination .lbf-pagination-prev {
	font-family: simsun;
	line-height: 34px
}

.page-box .pagination .lbf-pagination-current {
	color: #fff;
	border: 1px solid #ff3955;
	border-radius: 2px;
	background: #ff3955
}

.page-box .pagination .lbf-pagination-disabled {
	cursor: default;
	color: #ccc
}

.page-box .pagination .lbf-pagination-disabled:hover {
	border: 1px solid #fff;
	background: 0 0
}

.page-box .pagination .lbf-pagination-jump {
	float: left
}

.page-box .pagination .lbf-pagination-jump input {
	font: 12px/34px Arial;
	display: inline-block;
	width: 40px;
	height: 34px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	border-radius: 2px
}

.page-box .pagination .lbf-pagination-jump input:focus {
	border: 1px solid #bbdaff
}

.page-box .pagination .lbf-pagination-jump .lbf-pagination-go {
	font: 12px/34px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	display: inline-block;
	width: 34px;
	height: 34px;
	transition: color .3s,border .3s;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	border-radius: 2px
}

.page-box .pagination .lbf-pagination-jump .lbf-pagination-go:hover {
	border: 1px solid #ff3955
}

.simple-tips {
	min-width: 240px;
	margin: 0 auto;
	padding: 11px 0
}

.lbf-light-tip {
	max-width: none!important
}

.banner-wrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 1020px;
	height: 85px;
	margin: 0 auto
}

.banner-wrap .op-tag {
	right: 4px
}

.banner-wrap a {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 1020px;
	height: 85px
}

.banner-wrap img {
	display: block;
	width: 1020px;
	height: 85px
}

.banner-wrap embed.fix {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 980px;
	height: 85px
}

.banner-wrap .la-ball-pulse {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -20px
}

.auto-login {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 0;
	height: 0
}

.user-photo {
	position: relative;
	z-index: 1;
	width: 44px;
	height: 44px;
	margin: 8px 8px 0 10px
}

.user-photo a,.user-photo img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.user-photo .user-level {
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: 50%;
	margin-left: -15px;
	text-indent: -9999em
}

.level {
	font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	width: 30px;
	height: 16px;
	text-align: center;
	vertical-align: 0;
	color: #fff
}

.level.zhangmen {
	background: #bf2c24
}

.level.xuetu {
	background: #e7c100
}

.no-data {
	width: 300px;
	margin: 60px auto 30px;
	text-align: center
}

.no-data .no-result-img {
	padding: 47px 0 13px
}

.no-data h3 {
	font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

.no-data p {
	font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
	color: #a6a6a6
}

.no-data p .blue {
	margin: 0 5px
}

.no-data-img {
	display: block;
	width: 53px;
	height: 71px;
	margin: 0 auto 10px;
	background: url(/readnovel/images/common/file.0.1.png) no-repeat
}

.center-book-list {
	position: relative;
	width: 500px
}

.center-book-list .line {
	position: absolute;
	left: 20px;
	width: 480px
}

.center-book-list .line.line1 {
	top: 138px
}

.center-book-list .line.line2 {
	top: 276px
}

.center-book-list ul {
	position: relative;
	overflow: hidden;
	width: 500px;
	height: 376px;
	padding: 20px 0 0 20px
}

.center-book-list ul li {
	float: left;
	width: 230px;
	height: 96px;
	margin: 0 20px 43px 0
}

.center-book-list ul li.mr0 {
	margin-right: 0
}

.center-book-list ul li.mb0 {
	margin-bottom: 0
}

.center-book-list ul li .book-img,.center-book-list ul li .book-info {
	float: left
}

.center-book-list ul li .book-info {
	width: 144px
}

.center-book-list ul li .book-info h3 {
	font: 16px/21px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 21px;
	margin-top: -3px;
	margin-bottom: 8px
}

.center-book-list ul li .book-info h3 a {
	color: #1a1a1a
}

.center-book-list ul li .book-info h3 a:hover {
	color: #ff3955
}

.center-book-list ul li .book-info p {
	font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 40px;
	margin-bottom: 10px;
	color: #666
}

.state-box {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	line-height: 18px
}

.state-box img {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: -2px 5px 0 0;
	vertical-align: middle
}

.state-box .author {
	display: block;
	overflow: hidden;
	height: 18px;
	margin-top: 1px;
	padding-right: 10px;
	word-break: break-all;
	color: #a6a6a6
}

.state-box .author:hover {
	color: #a6a6a6
}

.state-box i {
	float: right;
	overflow: hidden;
	max-width: 52px;
	height: 18px;
	padding: 0 3px;
	text-align: center;
	color: #a6a6a6;
	border: 1px solid #e7e7e7;
	border-radius: 1px
}

.book-wrap {
	padding: 14px 0 0
}

.book-wrap .book-info {
	width: 132px
}

.book-wrap .book-info h3 {
	font: 700 14px/18px Arial;
	display: inline-block;
	height: 18px;
	margin: 0 0 6px;
	padding: 0 4px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background: #ff589d
}

.book-wrap .book-info h3.word {
	font-size: PingFangSC-Regular,'-apple-system',Simsun
}

.book-wrap .book-info h4 {
	font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	max-height: 48px;
	margin-bottom: 4px;
	color: #1a1a1a
}

.book-wrap .book-info p.digital {
	font-size: 12px;
	overflow: hidden;
	height: 24px;
	margin-bottom: 4px;
	padding: 3px 0 0;
	color: #ff3955
}

.book-wrap .book-info p.digital em {
	font-family: Arial;
	font-size: 18px;
	margin-right: 3px
}

.book-wrap .book-info p.digital.f16 {
	font-size: 16px
}

.book-wrap .book-info p.author {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	overflow: hidden;
	height: 14px
}

.book-wrap .book-info p.author i {
	font-family: Arial;
	margin: 0 5px
}

.book-wrap .book-info p.author a {
	color: #a6a6a6
}

.book-wrap .book-info p.author a.type:hover {
	color: #ff3955
}

.book-wrap .book-info .tag {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	line-height: 18px;
	display: block;
	overflow: hidden;
	width: 50px;
	height: 18px;
	margin-bottom: 2px;
	padding: 0 3px;
	text-align: center;
	color: #ff3955;
	border: 1px solid #df9591
}

.book-wrap .book-info .desc {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	overflow: hidden;
	height: 16px;
	color: #666
}

.book-wrap .book-cover {
	position: relative;
	z-index: 4;
	float: right;
	width: 52px;
	height: 91px;
	margin-right: 20px;
	text-align: center
}

.book-wrap .book-cover.fl {
	float: left
}

.book-wrap .book-cover .link {
	position: relative;
	z-index: 10;
	display: inline-block;
	transform: translateZ(50px)
}

.book-wrap .book-cover img {
	width: 60px;
	height: 87px;
	outline: 1px solid transparent
}

.book-wrap .book-cover span {
	position: absolute;
	z-index: 1
}

:root .book-cover {
	-webkit-transform: perspective(60px) rotateY(-10deg);
	-moz-transform: perspective(60px) rotateY(-10deg);
	transform: perspective(60px) rotateY(-10deg)
}

:root .book-cover:before {
	position: absolute;
	z-index: 3;
	top: 3%;
	left: 10%;
	width: 100%;
	height: 90%;
	background-color: #999
}

:root .book-cover:after {
	position: absolute;
	z-index: 2;
	top: 2%;
	left: 100%;
	width: 10%;
	height: 92%;
	content: ' ';
	-webkit-transform: perspective(60px) rotateY(30deg);
	-moz-transform: perspective(60px) rotateY(30deg);
	transform: perspective(60px) rotateY(30deg);
	background-color: #efefef;
	box-shadow: inset 0 0 5px #333
}

:root .book-cover span {
	position: absolute;
	z-index: 1;
	top: 84.1%;
	left: 7px;
	width: 20px;
	height: 10px;
	content: '';
	-webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
	-moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
	-ms-transform: scale(0);
	transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
	box-shadow: 25px 0 5px 5px #adadad
}

:root .book-cover img {
	width: 52px;
	height: 87px
}

a[class*=-btn].loading {
	position: relative
}

a[class*=-btn].loading:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	content: '';
	animation: spin 1s linear infinite;
	background: url(/readnovel/images/common/loading_warning.0.1.gif) no-repeat center;
	background: url(/readnovel/images/common/loading_white_s.0.1.png) no-repeat center,linear-gradient(to top,transparent,transparent)
}

a[class*=-btn].loading::first-line {
	color: transparent
}

.radius20 {
	border-radius: 20px
}

.go-top-box {
	position: fixed;
	z-index: 500;
	right: 50px;
	bottom: 80px;
	display: none;
	width: 30px;
	height: 30px;
	background: #ff3955
}

.go-top-box a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.go-top-box a em {
	font-size: 20px;
	line-height: 30px;
	width: 20px;
	color: #fff
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes spin {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(-360deg)
	}
}

.la-ball-spin-clockwise,.la-ball-spin-clockwise>i {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.la-ball-spin-clockwise {
	font-size: 0;
	display: block;
	width: 16px;
	height: 16px;
	color: #fff
}

.la-ball-spin-clockwise.la-dark {
	color: #333
}

.la-ball-spin-clockwise>i {
	display: inline-block;
	float: none;
	border: 0 solid currentColor;
	background-color: currentColor
}

.la-ball-spin-clockwise>i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	margin-left: -2px;
	-webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
	-moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
	-o-animation: ball-spin-clockwise 1s infinite ease-in-out;
	animation: ball-spin-clockwise 1s infinite ease-in-out;
	border-radius: 100%
}

.la-ball-spin-clockwise>i:nth-child(1) {
	top: 5%;
	left: 50%;
	-webkit-animation-delay: -.875s;
	-moz-animation-delay: -.875s;
	-o-animation-delay: -.875s;
	animation-delay: -.875s
}

.la-ball-spin-clockwise>i:nth-child(2) {
	top: 18.1801948466%;
	left: 81.8198051534%;
	-webkit-animation-delay: -.75s;
	-moz-animation-delay: -.75s;
	-o-animation-delay: -.75s;
	animation-delay: -.75s
}

.la-ball-spin-clockwise>i:nth-child(3) {
	top: 50%;
	left: 95%;
	-webkit-animation-delay: -.625s;
	-moz-animation-delay: -.625s;
	-o-animation-delay: -.625s;
	animation-delay: -.625s
}

.la-ball-spin-clockwise>i:nth-child(4) {
	top: 81.8198051534%;
	left: 81.8198051534%;
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-o-animation-delay: -.5s;
	animation-delay: -.5s
}

.la-ball-spin-clockwise>i:nth-child(5) {
	top: 94.9999999966%;
	left: 50.0000000005%;
	-webkit-animation-delay: -.375s;
	-moz-animation-delay: -.375s;
	-o-animation-delay: -.375s;
	animation-delay: -.375s
}

.la-ball-spin-clockwise>i:nth-child(6) {
	top: 81.8198046966%;
	left: 18.1801949248%;
	-webkit-animation-delay: -.25s;
	-moz-animation-delay: -.25s;
	-o-animation-delay: -.25s;
	animation-delay: -.25s
}

.la-ball-spin-clockwise>i:nth-child(7) {
	top: 49.9999750815%;
	left: 5.0000051215%;
	-webkit-animation-delay: -.125s;
	-moz-animation-delay: -.125s;
	-o-animation-delay: -.125s;
	animation-delay: -.125s
}

.la-ball-spin-clockwise>i:nth-child(8) {
	top: 18.179464974%;
	left: 18.1803700518%;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s
}

.la-ball-spin-clockwise.la-sm {
	width: 16px;
	height: 16px
}

.la-ball-spin-clockwise.la-sm>i {
	width: 4px;
	height: 4px;
	margin-top: -2px;
	margin-left: -2px
}

.la-ball-spin-clockwise.la-2x {
	width: 64px;
	height: 64px
}

.la-ball-spin-clockwise.la-2x>i {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px
}

.la-ball-spin-clockwise.la-3x {
	width: 96px;
	height: 96px
}

.la-ball-spin-clockwise.la-3x>i {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px
}

@-webkit-keyframes ball-spin-clockwise {
	0%,100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		opacity: 1
	}

	80% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
}

@-moz-keyframes ball-spin-clockwise {
	0%,100% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		opacity: 1
	}

	80% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
}

@-o-keyframes ball-spin-clockwise {
	0%,100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		opacity: 1
	}

	80% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
}

@keyframes ball-spin-clockwise {
	0%,100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	20% {
		opacity: 1
	}

	80% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
}

:root .la-ball-pulse {
	font-size: 0;
	text-align: center
}

:root .la-ball-pulse span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px 0 0;
	animation: ball-pulse 1s ease infinite;
	border-radius: 100%;
	background: #666
}

:root .la-ball-pulse span:nth-child(1) {
	animation-delay: -.2s
}

:root .la-ball-pulse span:nth-child(2) {
	animation-delay: -.1s
}

:root .la-ball-pulse span:nth-child(3) {
	animation-delay: 0s
}

@-webkit-keyframes ball-pulse {
	0%,100%,60% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	30% {
		-webkit-transform: scale(.01);
		transform: scale(.01);
		opacity: .1
	}
}

@-moz-keyframes ball-pulse {
	0%,100%,60% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	30% {
		-moz-transform: scale(.01);
		transform: scale(.01);
		opacity: .1
	}
}

@-o-keyframes ball-pulse {
	0%,100%,60% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	30% {
		-o-transform: scale(.01);
		transform: scale(.01);
		opacity: .1
	}
}

@keyframes ball-pulse {
	0%,100%,60% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	30% {
		-webkit-transform: scale(.01);
		-moz-transform: scale(.01);
		-o-transform: scale(.01);
		transform: scale(.01);
		opacity: .1
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}

	40% {
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}

	40% {
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@-webkit-keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
		opacity: 0
	}

	20% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		-webkit-transform: scale3d(1.01,1.01,1.01);
		transform: scale3d(1.01,1.01,1.01);
		opacity: 1
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
		opacity: 1
	}
}

@keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
		transition-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
		opacity: 0
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03);
		opacity: 1
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
		opacity: 1
	}
}

.bounceIn {
	animation-name: bounceIn;
	animation-duration: 1s
}

@-webkit-keyframes fadeinT {
	0% {
		-webkit-transform: translateY(-10px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes fadeinT {
	0% {
		-moz-transform: translateY(-10px);
		opacity: 0
	}

	100% {
		-moz-transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes fadeinT {
	0% {
		-ms-transform: translateY(-10px);
		opacity: 0
	}

	100% {
		-ms-transform: translateY(0);
		opacity: 1
	}
}

@keyframes fadeinT {
	0% {
		transform: translateY(-10px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes tinydown {
	0%,5% {
		-webkit-transform: translateY(-10px);
		opacity: 0
	}

	10% {
		-webkit-transform: translateY(-10px);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(0)
	}
}

@keyframes tinydown {
	0%,5% {
		transform: translateY(-10px);
		opacity: 0
	}

	10% {
		transform: translateY(-10px);
		opacity: 1
	}

	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		opacity: 0
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		opacity: 0
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@keyframes pulse {
	0% {
		transform: scale(.9);
		opacity: .9
	}

	50% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(.9);
		opacity: .9
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(.95);
		opacity: .9
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(.95);
		opacity: .9
	}
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6 / 2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
	.pin-nav-wrap .nav-list li.site a.pin-logo {
		background-image: url(/readnovel/images/min_logo_2x.0.1.png);
		background-size: 81px
	}

	.lbf-radio {
		background-image: url(/readnovel/images/ico/qd_radio_2x.0.2.png);
		background-size: 100%
	}

	.lbf-checkbox,.qd-checkbox {
		background-image: url(/readnovel/images/ico/qd_checkbox_3x.0.1.png);
		background-size: 100%
	}
}

@charset 'UTF-8';

.book-img-text .book-mid-info p.author,.other-rec-wrap li .book-info .author {
	overflow: hidden
}

.all-pro-wrap {
	min-height: 500px;
	margin-bottom: 30px
}

.main-content-wrap {
	width: 1020px
}

span.rank-tag {
	font: 16px/24px FZZCYSK;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	min-width: 24px;
	height: 24px;
	text-align: center;
	color: #fff;
	background-color: grey
}

span.rank-tag.no1 {
	background-image: url(/readnovel/images/rank/rank_num.0.1.png);
	background-position: 0 0
}

span.rank-tag.no2 {
	background-image: url(/readnovel/images/rank/rank_num.0.1.png);
	background-position: -24px 0
}

span.rank-tag.no3 {
	background-image: url(/readnovel/images/rank/rank_num.0.1.png);
	background-position: -48px 0
}

.book-img-text li {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 22px 0;
	border-top: 1px solid #e6e6e6
}

.book-img-text li:first-child {
	padding-top: 0;
	border-top: none
}

.book-img-text .book-img-box,.book-img-text .book-mid-info {
	float: left
}

.book-img-text .book-right-info {
	float: right
}

.book-img-text .book-img-box {
	position: relative;
	z-index: 3;
	width: 102px;
	height: 136px;
	margin-right: 16px
}

.book-img-text .book-img-box a {
	display: block;
	overflow: hidden;
	width: 102px;
	height: 136px;
	box-shadow: 0 1px 6px rgba(0,0,0,.35)
}

.book-img-text .book-img-box a img {
	width: 102px;
	height: 136px;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	-ms-transition: -ms-transform .4s ease-out;
	transition: transform .4s ease-out
}

.book-img-text .book-img-box a img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.book-img-text .book-mid-info {
	width: 462px
}

.book-img-text .book-mid-info h4 {
	font: 700 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 24px;
	margin-bottom: 8px
}

.book-img-text .book-mid-info h4 cite.red-kw {
	color: #ff3955
}

.book-img-text .book-mid-info p {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px
}

.book-img-text .book-mid-info p.author {
	overflow: hidden;
	height: 16px;
	margin-bottom: 8px
}

.book-img-text .book-mid-info p.author img {
	float: left;
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 0
}

.book-img-text .book-mid-info p.author a,.book-img-text .book-mid-info p.author cite {
	line-height: 16px;
	float: left;
	color: #a6a6a6
}

.book-img-text .book-mid-info p.author a.default,.book-img-text .book-mid-info p.author cite.default {
	cursor: default
}

.book-img-text .book-mid-info p.author a.default:hover,.book-img-text .book-mid-info p.author cite.default:hover {
	color: #a6a6a6
}

.book-img-text .book-mid-info p.author a:hover,.book-img-text .book-mid-info p.author cite:hover {
	color: #ff3955
}

.book-img-text .book-mid-info p.author cite:hover {
	color: #a6a6a6
}

.book-img-text .book-mid-info p.author i {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	line-height: 16px;
	float: left;
	margin: 0 3px;
	color: #a6a6a6
}

.book-img-text .book-mid-info p.author em {
	font-family: Arial;
	float: left;
	margin: 1px 8px 0;
	color: #e6e6e6
}

.book-img-text .book-mid-info p.author span {
	line-height: 16px;
	float: left;
	color: #a6a6a6
}

.book-img-text .book-mid-info p.intro {
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	margin-bottom: 8px;
	color: #666
}

.book-img-text .book-mid-info p.intro cite.red-kw {
	color: #ff3955
}

.book-img-text .book-mid-info p.update {
	line-height: 22px
}

.book-img-text .book-mid-info p.update a,.book-img-text .book-mid-info p.update cite {
	display: inline-block;
	vertical-align: middle;
	color: #2972cc
}

.book-img-text .book-mid-info p.update a:hover,.book-img-text .book-mid-info p.update cite:hover {
	color: #0059e7
}

.book-img-text .book-mid-info p.update a.red,.book-img-text .book-mid-info p.update cite.red {
	color: #bf2c24
}

.book-img-text .book-mid-info p.update a.red.def,.book-img-text .book-mid-info p.update cite.red.def {
	cursor: default
}

.book-img-text .book-mid-info p.update cite:hover {
	color: #2972cc
}

.book-img-text .book-mid-info p.update i {
	font-family: Arial;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	color: #a6a6a6
}

.book-img-text .book-mid-info p.update em {
	font-family: Arial;
	margin: 0 5px
}

.book-img-text .book-mid-info p.update b {
	font: 12px/22px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	vertical-align: middle;
	color: #b5b5b5
}

.book-img-text .book-mid-info p.update b.red {
	color: #bf2c24
}

.book-img-text .book-mid-info p.update em,.book-img-text .book-mid-info p.update span {
	display: inline-block;
	vertical-align: middle;
	color: #b5b5b5
}

.book-img-text .book-right-info {
	float: right;
	margin-top: 56px
}

.book-img-text .book-right-info .btn a,.book-img-text .book-right-info .btn span {
	font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
	display: block;
	width: 98px;
	height: 32px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px
}

.book-img-text .book-right-info .btn a.pink-btn,.book-img-text .book-right-info .btn span.pink-btn {
	margin-bottom: 12px;
	border-color: #ff3955
}

.book-img-text .book-right-info .btn a.pink-btn.disabled,.book-img-text .book-right-info .btn span.pink-btn.disabled {
	border-color: #a6a6a6
}

.book-img-text .book-right-info .btn a.add-book,.book-img-text .book-right-info .btn span.add-book {
	color: #ff3955;
	border-color: #ff3955
}

.book-img-text .book-right-info .btn a.add-book:hover,.book-img-text .book-right-info .btn span.add-book:hover {
	border-color: #ff5269
}

.book-img-text .book-right-info .btn a.add-book.in-shelf,.book-img-text .book-right-info .btn span.add-book.in-shelf {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6
}

.book-img-text .book-right-info .btn a.add-book.disabled,.book-img-text .book-right-info .btn span.add-book.disabled {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6;
	background: 0 0
}

.book-img-text .book-right-info .btn a.in-shelf,.book-img-text .book-right-info .btn span.in-shelf {
	cursor: default;
	color: #a6a6a6;
	border-color: #a6a6a6
}

.right-book-list ul {
	width: 1000px;
	margin-top: -20px
}

.right-book-list ul:after,.right-book-list ul:before {
	display: table;
	content: ''
}

.right-book-list ul:after {
	clear: both
}

.right-book-list li {
	float: left;
	overflow: hidden;
	width: 475px;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6
}

.right-book-list li .book-img,.right-book-list li .book-info {
	float: left
}

.right-book-list li .book-img img {
	height: 138px
}

.right-book-list li .book-info {
	width: 290px;
	margin-left: 20px;
	padding-top: 5px
}

.right-book-list li h3 {
	overflow: hidden;
	height: 18px;
	margin-bottom: 10px
}

.right-book-list li h3 a {
	font: 700 16px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	color: #1a1a1a
}

.right-book-list li h3 a:hover {
	color: #ff3955
}

.right-book-list li h4 {
	font: 12px/14px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 14px;
	margin-bottom: 10px
}

.right-book-list li h4 a {
	color: grey
}

.right-book-list li h4 a:hover {
	color: grey
}

.right-book-list li .tag {
	margin-bottom: 7px
}

.right-book-list li .intro {
	font: 12px/18px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 54px;
	color: grey
}

.other-rec-wrap {
	width: 210px
}

.other-rec-wrap h3 {
	font-size: 18px;
	line-height: 24px;
	position: relative;
	z-index: 2
}

.other-rec-wrap li {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 15px 0;
	border-top: 1px solid #e6e6e6
}

.other-rec-wrap li:first-child {
	border-top: none
}

.other-rec-wrap li .img-box {
	position: relative;
	z-index: 2;
	float: left;
	width: 64px;
	height: 86px;
	margin-right: 10px;
	border: 1px solid #e6e6e6
}

.other-rec-wrap li .img-box a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.other-rec-wrap li .img-box a img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out
}

.other-rec-wrap li .img-box a img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

.other-rec-wrap li .img-box span {
	font: 14px/14px Arial;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 14px;
	padding: 0 3px 0 2px;
	color: #fff;
	border-radius: 0 5px 0 0;
	background: #ff3955
}

.other-rec-wrap li .book-info {
	float: left;
	width: 134px
}

.other-rec-wrap li .book-info h4 {
	font: 700 14px/20px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	overflow: hidden;
	height: 20px;
	margin-bottom: 6px
}

.other-rec-wrap li .book-info .author {
	height: 16px;
	margin-bottom: 6px
}

.other-rec-wrap li .book-info .author img {
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px 5px 0 0
}

.other-rec-wrap li .book-info .author a {
	font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
	float: left;
	cursor: default;
	color: #a6a6a6
}

.other-rec-wrap li .book-info .intro {
	font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 40px;
	color: #666
}

.other-rec-wrap li .book-info .intro.red {
	color: #bf2c24
}

.page-box {
	padding-top: 20px;
	padding-bottom: 0!important
}

.book-img {
	width: 103px!important;
	height: 138px!important;
	margin-right: 0!important
}

@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6 / 2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
	.no-data-img {
		background: url(/readnovel/images/common/file_2x.0.1.png) no-repeat;
		background-size: 100%
	}
}

@charset 'UTF-8';

.range-sidebar .selected p,.select-list .sub-type,.select-list .work-filter ul {
	overflow: hidden
}

.range-sidebar .site {
	border-bottom: 1px solid #ebebeb
}

.range-sidebar {
	width: 230px;
	margin-right: 20px
}

.range-sidebar .site {
	height: 29px;
	margin-bottom: 10px
}

.range-sidebar .site a {
	font: 12px/25px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	width: 60px;
	height: 29px;
	text-align: center;
	vertical-align: middle
}

.range-sidebar .site a.act {
	font-weight: 700;
	height: 28px;
	color: #ff3955;
	border-bottom: 2px solid #ff3955
}

.range-sidebar .selected p {
	padding: 4px 0 8px
}

.range-sidebar .selected span {
	font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
	display: block;
	margin-bottom: 10px;
	color: #a6a6a6
}

.range-sidebar .selected a {
	font: 12px/18px PingFangSC-Regular,'-apple-system',Simsun;
	position: relative;
	z-index: 1;
	float: left;
	height: 18px;
	margin: 0 8px 8px 0;
	padding: 0 0 0 4px;
	color: #fff;
	border: 1px solid grey;
	border-radius: 2px;
	background: grey
}

.range-sidebar .selected a cite {
	font-size: 14px;
	display: inline-block;
	margin-top: -1px;
	vertical-align: middle;
	color: #fff
}

.range-sidebar .selected a:hover .lbf-icon {
	color: #e2a9a3
}

.range-sidebar .selected a.all {
	padding-right: 4px
}

.range-sidebar .selected a.all:hover {
	cursor: default
}

.range-sidebar .selected a.all cite {
	display: none
}

.book-img-text .all-img-list li:first-child+li {
	padding-top: 0;
	border-top: none
}

.select-list .work-filter {
	padding-top: 15px;
	padding-bottom: 6px;
	border-top: 1px solid #e5e5e5
}

.select-list .work-filter.tag {
	border-bottom: none
}

.select-list .work-filter h3 {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	margin-bottom: 15px
}

.select-list .work-filter ul {
	width: 210px;
	min-height: 27px
}

.select-list .work-filter ul li {
	float: left;
	height: 20px;
	margin-right: 14px;
	margin-bottom: 8px;
	text-align: center
}

.select-list .work-filter ul li.more a {
	position: relative;
	z-index: 3;
	padding-right: 10px;
	color: #2972cc
}

.select-list .work-filter ul li.more a span {
	position: absolute;
	top: 5px;
	right: -3px;
	width: 0;
	height: 0;
	border-top: 5px solid #2972cc;
	border-right: 5px solid transparent;
	border-bottom: 0 none;
	border-left: 5px solid transparent
}

.select-list .work-filter ul li.more a span i {
	position: absolute;
	top: -7px;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	border-bottom: 0 none;
	border-left: 5px solid transparent
}

.select-list .work-filter ul li.more a span.up {
	border-top: 0 none;
	border-bottom: 5px solid #2972cc
}

.select-list .work-filter ul li.more a span.up i {
	top: 2px;
	border-top: 0 none;
	border-bottom: 5px solid #fff
}

.select-list .work-filter ul li.more a span {
	top: 7px
}

.select-list .work-filter ul li.more a:hover {
	color: #0059e7
}

.select-list .work-filter ul li a {
	font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
	display: block
}

.select-list .work-filter ul li.act {
	border-radius: 2px;
	background: #ff3955
}

.select-list .work-filter ul li.act a {
	padding: 0 4px;
	color: #fff
}

.select-list .work-filter ul li.arrow a {
	position: relative;
	z-index: 3
}

.select-list .work-filter ul li.arrow cite {
	position: absolute;
	z-index: 2;
	top: 21px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-top: 0 none;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #e5e5e5;
	border-left: 5px solid transparent
}

.select-list .work-filter ul li.arrow cite i {
	position: absolute;
	z-index: 1;
	top: 1px;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 0 none;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #f7f6f2;
	border-left: 5px solid transparent
}

.select-list .sub-type {
	position: relative;
	z-index: 1;
	clear: both;
	width: 100%;
	margin-top: -2px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #f7f6f2
}

.select-list .sub-type dl {
	padding: 8px 12px 0
}

.select-list .sub-type dd {
	font: 12px/28px PingFangSC-Regular,'-apple-system',Simsun;
	float: left;
	margin-right: 10px;
	word-wrap: break-word
}

.select-list .sub-type dd a {
	display: inline-block;
	text-align: center;
	color: #666
}

.select-list .sub-type dd a:hover {
	color: #ff3955
}

.select-list .sub-type dd.act a {
	line-height: 20px;
	min-width: 56px;
	height: 20px;
	color: #fff;
	background: #ff3955
}

.no-data {
	width: 300px;
	margin: 60px auto 30px;
	text-align: center
}

.no-data .no-result-img {
	padding: 47px 0 13px
}

.no-data h3 {
	font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

.no-data p {
	font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
	color: #a6a6a6
}

.no-data p .blue {
	margin: 0 5px
}

.sort-wrap {
	font-size: 0;
	height: 71px;
	padding: 0 20px;
	border-bottom: 1px solid #e6e6e6;
	background: #fff
}

.sort-wrap a {
	font: 12px/24px PingFangSC-Regular,'-apple-system',Simsun;
	display: inline-block;
	width: 40px;
	height: 24px;
	margin: 24px 8px 0 0;
	text-align: center;
	vertical-align: middle
}

.sort-wrap a.act {
	color: #fff;
	border-radius: 2px;
	background: #ff3955
}

@charset 'UTF-8';

.box-center {
	width: 1020px;
	margin-right: auto;
	margin-left: auto
}

.fl {
	float: left
}

.fr {
	float: right
}

.mr0 {
	margin-right: 0
}

.mr10 {
	margin-right: 10px
}

.mr30 {
	margin-right: 30px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb35 {
	margin-bottom: 35px
}

.mb40 {
	margin-bottom: 40px
}

.mb45 {
	margin-bottom: 45px
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.hidden {
	display: none
}

.cf {
	zoom: 1
}

.cf:after,.cf:before {
	display: table;
	content: ''
}

.cf:after {
	clear: both
}

.dib-wrap {
	font-size: 0
}

.dib-wrap a,.dib-wrap span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal
}

.dib-box a,.dib-box span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal
}

@charset 'UTF-8';

.popup-wrap {
	position: fixed;
	z-index: 1000;
	top: 30%;
	left: 50%;
	display: none;
	margin-left: -345px;
	background: #fff
}

.popup-wrap .close-popup {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 36px;
	height: 36px;
	background: url(/readnovel/images/btn_close.png) no-repeat
}

.popup-wrap.login-popup {
	z-index: 9999999999;
	width: 690px;
	height: 310px
}

.popup-wrap .popup-box {
	height: 100%;
	background: #fff
}

.popup-wrap .popup-box iframe {
	z-index: 9999999;
	width: 100%;
	max-width: 100%;
	height: 300px
}

.mask {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(100px);
	background: #333;
	background: rgba(0,0,0,.7)
}

.tip-popup {
	position: relative;
	z-index: 1;
	padding-bottom: 24px
}

.tip-popup .top-error-tip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	background: #f8d6da
}

.tip-popup .top-error-tip p {
	font: 12px/30px PingFangSC-Regular,'-apple-system',Simsun;
	color: #ff3955
}

.popup-title {
	position: relative;
	z-index: 2;
	height: 39px;
	border-bottom: 1px solid #e6e6e6;
	background: #fff
}

.popup-title h3 {
	font-size: 18px;
	line-height: 36px;
	height: 40px;
	padding: 0 10px;
	text-align: left;
	color: #1a1a1a
}

.popup-content {
	padding: 40px 20px;
	text-align: center
}

.tip-content {
	text-align: center
}

.tip-text {
	padding: 60px 0
}

.tip-text p {
	font: 16px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif
}

.popup-btn {
	font-size: 0;
	text-align: center
}

.popup-btn a {
	display: inline-block;
	vertical-align: middle
}

.popup-btn a.pink-btn,.popup-btn a.red-btn {
	font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
	width: 120px;
	height: 34px;
	margin-right: 0
}

.popup-btn a.border-btn {
	font: 14px/32px PingFangSC-Regular,'-apple-system',Simsun;
	width: 118px;
	height: 32px;
	margin-left: 24px;
	border: 1px solid #ff5269
}

.report-wrap {
	padding: 20px 40px
}

.report-wrap h3 {
	font: 12px/16px PingFangSC-Regular,'-apple-system',Simsun;
	margin-bottom: 8px;
	color: grey
}

.report-wrap h3+p {
	font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
	margin-bottom: 24px
}

.report-wrap .type {
	font-size: 0;
	width: 410px;
	padding-bottom: 20px
}

.report-wrap .type label {
	font: 14px/20px PingFangSC-Regular,'-apple-system',Simsun;
	margin: 0 24px 16px 0
}

.edit-name-form {
	width: 300px;
	margin: 0 auto;
	text-align: left
}

.edit-name-form input {
	font: 14px/18px PingFangSC-Regular,'-apple-system',Simsun;
	width: 278px;
	height: 18px;
	margin-bottom: 10px;
	padding: 8px 10px;
	border: 1px solid #e6e6e6
}

.edit-name-form input.error {
	border: 1px solid #ff3955
}

.edit-name-form p {
	font: 14px/24px PingFangSC-Regular,'-apple-system',Simsun;
	color: #666
}

.lbf-light-tip .simple-tips span.icon-font {
	font-size: 48px;
	display: inline-block;
	vertical-align: middle
}

.lbf-light-tip .simple-tips h3 {
	font: 16px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
	display: inline-block;
	vertical-align: 4px
}

.lbf-panel {
	transform: translateZ(0);
	animation: tinydown .5s;
	box-shadow: 0 2px 5px rgba(0,0,0,.2)!important
}

.lbf-panel .lbf-panel-close {
	font-size: 18px;
	top: 12px;
	right: 12px;
	width: 16px;
	transition: .5s;
	transition: .5s;
	transform: rotate(0);
	transform: rotate(0)
}

.lbf-panel .lbf-panel-close:hover {
	transform: rotate(90deg)
}

.lbf-panel .lbf-panel-close:hover {
	transform: rotate(90deg)
}

.xylogin-wrap {
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	display: block;
	width: 400px;
	height: 484px;
	margin-top: -207px;
	margin-left: -196.5px;
	transform: translateZ(100px);
	background: 0 0
}

@charset 'UTF-8';

.footer {
	text-align: center
}

.footer .friend-link {
	font-size: 0;
	overflow: hidden;
	padding-top: 20px
}

.footer .friend-link a,.footer .friend-link cite,.footer .friend-link em {
	font-size: 12px;
	display: inline-block
}

.footer .friend-link em {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	margin-right: 16px
}

.footer .footer-menu em,.footer .friend-link em {
	color: #1a1a1a
}

.footer .footer-menu a,.footer .friend-link a {
	font-family: PingFangSC-Regular,'-apple-system',Simsun;
	font-size: 12px;
	line-height: 18px;
	margin-right: 16px;
	margin-bottom: 10px;
	color: #1a1a1a
}

.footer .footer-menu a:hover,.footer .friend-link a:hover {
	color: #ff3955
}

.footer .footer-menu a.yuewen,.footer .friend-link a.yuewen {
	margin: 0
}

.footer .footer-menu {
	padding: 0 0 6px
}

.footer .footer-menu a {
	color: #666
}

.footer .copy-right,.footer .safety-box {
	padding-bottom: 20px
}

.footer .copy-right p,.footer .safety-box p {
	font: 12px/20px PingFangSC-Regular,'-apple-system',Simsun;
	overflow: hidden;
	height: 20px;
	color: grey
}

.footer .copy-right span,.footer .safety-box span {
	font-family: Arial;
	margin-right: 5px
}

.footer .safety-img a {
	width: 128px;
	height: 48px;
	margin-right: 10px;
	border: 1px solid #ededed;
	background-image: url(/readnovel/images/foot_site.0.1.png)
}

.footer .safety-img a.site2 {
	background-position: 0 0
}

.footer .safety-img a.site1 {
	background-position: 0 -47px
}

.test {
	color: red
}